<!DOCTYPE html>
<html>
<head>
    <title>WebODF performance and benchmarking tool</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="runner.css" rel="stylesheet"/>
    <script src="webodf.js" type="text/javascript"></script>
    <script src="require.js"></script>
    <script type="text/javascript">
        requirejs.config({
            baseUrl: "js",
            waitSeconds: 0 // some servers are reaaaallly slow unfortunately :/
        });
        requirejs.onError = function (err) {
            console.log(err.requireType);
            if (err.requireType === 'timeout') {
                console.log('modules: ' + err.requireModules);
            }

            throw err;
        };

        require(["HTMLBenchmark"], function(HTMLBenchmark) {
            var benchmark = new HTMLBenchmark();
            benchmark.start();
        })
    </script>
</head>
<body>
<div id="loadingScreen">
    <h1>Loading required files. This may take a while.</h1>
</div>
<div id="benchmarkView">
    <h1>Benchmark [<span id="version" class="value">unknown</span>]</h1>
    <table id="benchmarkResults">
        <thead>
            <tr>
                <td class="action">Action</td>
                <td class="status">Status</td>
                <td class="elapsed">Time taken<br/> (ms)</td>
                <td class="speed">km/h</td>
                <td class="pages">pages/h</td>
            </tr>
        </thead>
        <tbody></tbody>
    </table>
</div>
<div id="documentView">
    <div id="canvas"></div>
</div>
</body>
</html>